<script setup lang="ts">
import useCounterStore from '../stores/counter'

defineProps<{ msg: string }>()

const store = useCounterStore()
</script>

<template>
  <h1>{{ msg }}</h1>

  <div class="card">
    <ElButton type="primary" @click="store.increment">
      count is {{ store.count }}
    </ElButton>
    <p>
      Edit
      <code>components/HelloWorld.vue</code> to test HMR
    </p>
  </div>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
